<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    
	<f:loadBundle basename="mensajes" var="msgs" />
	<h1><h:outputText value="#{msgs['consultarGastos.titulo']}" /></h1>
	<h:messages errorStyle="color: red;" />
	
	<br/>

	<h2><h:outputText value="#{msgs['consultarGastos.criteriosBusqueda.titulo']}" /></h2>
		<br/>
		<h:panelGrid columns="2">
			
			<h:outputLabel for="empleadoBusq" value="#{msgs['consultarGastos.criteriosBusqueda.empleado']}" />
			<h:selectOneMenu id="empleadoBusq" value="#{gastosBean.idEmpleado}" rendered="true">
				<f:selectItem itemLabel="Seleccionar Empleado" itemValue="-1" />
				<f:selectItems value="#{gastosBean.listaEmpleados}" var="empleado" 
				itemLabel="#{empleado.nombre} #{empleado.apellido}" itemValue="#{empleado.id}" />
			</h:selectOneMenu>

			<h:outputLabel for="centroCostoBusq" value="#{msgs['consultarGastos.criteriosBusqueda.centroDeCosto']}" />
			<h:selectOneMenu id="centroCostoBusq" value="#{gastosBean.idCentro}" rendered="true">
				<f:selectItem itemLabel="Seleccionar CC" itemValue="-1" />
				<f:selectItems value="#{gastosBean.listaCentroCostos}" var="centro" 
				itemLabel="#{centro.nombre}" itemValue="#{centro.id}" />
			</h:selectOneMenu>
			
			<h:panelGroup>
				<h:commandButton id="btnBuscarCriterio" value="Consultar" action="#{gastosBean.buscar}">
					<f:ajax execute="@form" render="tablaGastos" />				
				</h:commandButton>
			</h:panelGroup>
		</h:panelGrid>
		<br/>		
		<h2><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.titulo']}" /></h2>
		<br/>
		<h:dataTable 
				id="tablaGastos"
				value="#{gastosBean.listaGastos}" var="lg"
    			styleClass="order-table"
    			headerClass="order-table-header"
    			rowClasses="order-table-odd-row,order-table-even-row"
    		>
    			<h:column>
    				<!-- column header -->
    				<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.fecha']}" /></f:facet>
    				#{lg.fecha}   		
    			</h:column>
    			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.fechaAprobacion']}" /></f:facet>
    				#{lg.solicitud.fechaAprobacion}
    			</h:column>
    			<h:column>
					<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.fechaAlta']}" /></f:facet>
    				#{lg.fechaAlta}
    			</h:column>
    			<h:column>
					<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.centroCosto']}" /></f:facet>
    				#{lg.solicitud.centroCosto.nombre}
    			</h:column>
    			<h:column>
					<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.descripcion']}" /></f:facet>
    				#{lg.solicitud.detalle}
    			</h:column>
    			<h:column>
					<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.importe']}" /></f:facet>
    				#{lg.importe}
    			</h:column>
    			<h:column>
					<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.empleado']}" /></f:facet>
    				#{lg.solicitud.empleado.apellido} #{lg.solicitud.empleado.nombre}
    			</h:column>
    			<h:column>
					<f:facet name="header"><h:outputText value="#{msgs['consultarGastos.resultadosBusqueda.tabla.supervisor']}" /></f:facet>
    				#{lg.solicitud.supervisor.apellido} #{lg.solicitud.supervisor.nombre}
    			</h:column>
    		</h:dataTable>
    		<br/>
			<h:panelGroup>
				<br/>
				<h:commandButton id="btnVolver" value="#{msgs['boton.volver']}" action="toMenuSupervisor" immediate="true" />
			</h:panelGroup>
    		
</ui:composition>